<html>
<head>
<title>shouye.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
.s0 { color: #000000;}
.s1 { color: #0000ff; font-weight: bold;}
.s2 { color: #000000;}
.s3 { color: #000080; font-weight: bold;}
.s4 { color: #008000; font-weight: bold;}
.s5 { color: #0000ff; font-weight: bold;}
.s6 { color: #0000ff;}
.s7 { color: #008000; font-weight: bold;}
.ln { color: #999999; font-weight: normal; font-style: normal; }
</style>
</head>
<body bgcolor="#ffffff">
<table CELLSPACING=0 CELLPADDING=5 COLS=1 WIDTH="100%" BGCOLOR="#c0c0c0" >
<tr><td><center>
<font face="Arial, Helvetica" color="#000000">
shouye.html</font>
</center></td></tr></table>
<pre><a name="l1"><span class="ln">1    </span></a>&lt;!DOCTYPE <span class="s1">html</span>&gt;
<a name="l2"><span class="ln">2    </span></a>&lt;<span class="s3">html </span><span class="s1">lang=</span><span class="s4">&quot;zh&quot; </span><span class="s1">xmlns:th=</span><span class="s4">&quot;http://www.thymeleaf.org&quot;</span>&gt;
<a name="l3"><span class="ln">3    </span></a>&lt;<span class="s3">head</span>&gt;
<a name="l4"><span class="ln">4    </span></a>    &lt;<span class="s3">th:block </span><span class="s1">th:include=</span><span class="s4">&quot;include :: header('卡片列表')&quot; </span>/&gt;
<a name="l5"><span class="ln">5    </span></a>&lt;/<span class="s3">head</span>&gt;
<a name="l6"><span class="ln">6    </span></a>&lt;<span class="s3">body </span><span class="s1">class=</span><span class="s4">&quot;gray-bg&quot; </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s5">width</span>: <span class="s6">50</span>%;<span class="s5">height</span>: <span class="s7">auto</span>;<span class="s5">margin</span>: <span class="s6">0</span><span class="s7">px auto</span><span class="s4">&quot;</span>&gt;
<a name="l7"><span class="ln">7    </span></a>&lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;wrapper wrapper-content animated fadeInRight&quot;</span>&gt;
<a name="l8"><span class="ln">8    </span></a>    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;row&quot;</span>&gt;
<a name="l9"><span class="ln">9    </span></a>        &lt;<span class="s3">h1 </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s5">text-align</span>: <span class="s7">center</span>;<span class="s5">margin-top</span>: <span class="s6">100</span><span class="s7">px</span><span class="s4">&quot;</span>&gt;&lt;<span class="s3">strong</span>&gt;网络信息安全问答&lt;/<span class="s3">strong</span>&gt;&lt;/<span class="s3">h1</span>&gt;
<a name="l10"><span class="ln">10   </span></a>    &lt;/<span class="s3">div</span>&gt;
<a name="l11"><span class="ln">11   </span></a>    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;row&quot; </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s5">margin-top</span>: <span class="s6">50</span><span class="s7">px</span><span class="s4">&quot;</span>&gt;
<a name="l12"><span class="ln">12   </span></a>        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;col-sm-6&quot;</span>&gt;
<a name="l13"><span class="ln">13   </span></a>            &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox&quot;</span>&gt;
<a name="l14"><span class="ln">14   </span></a>                &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-title&quot;</span>&gt;
<a name="l15"><span class="ln">15   </span></a>                    &lt;<span class="s3">h5</span>&gt;PC答题&lt;/<span class="s3">h5</span>&gt;
<a name="l16"><span class="ln">16   </span></a>                &lt;/<span class="s3">div</span>&gt;
<a name="l17"><span class="ln">17   </span></a>                &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-content&quot;</span>&gt;
<a name="l18"><span class="ln">18   </span></a>                    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;row  m-t-sm&quot;</span>&gt;
<a name="l19"><span class="ln">19   </span></a>                        &lt;<span class="s3">img </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s5">display</span>:<span class="s7">block</span>; <span class="s5">margin</span>:<span class="s6">0 </span><span class="s7">auto</span>;<span class="s4">&quot; </span><span class="s1">th:src=</span><span class="s4">&quot;@{/img/pc.png}&quot;</span>&gt;
<a name="l20"><span class="ln">20   </span></a>                    &lt;/<span class="s3">div</span>&gt;
<a name="l21"><span class="ln">21   </span></a>                &lt;/<span class="s3">div</span>&gt;
<a name="l22"><span class="ln">22   </span></a>            &lt;/<span class="s3">div</span>&gt;
<a name="l23"><span class="ln">23   </span></a>        &lt;/<span class="s3">div</span>&gt;
<a name="l24"><span class="ln">24   </span></a>        &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;col-sm-6&quot;</span>&gt;
<a name="l25"><span class="ln">25   </span></a>            &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox&quot;</span>&gt;
<a name="l26"><span class="ln">26   </span></a>                &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-title&quot;</span>&gt;
<a name="l27"><span class="ln">27   </span></a>                    &lt;<span class="s3">h5</span>&gt;手机答题&lt;/<span class="s3">h5</span>&gt;
<a name="l28"><span class="ln">28   </span></a>                &lt;/<span class="s3">div</span>&gt;
<a name="l29"><span class="ln">29   </span></a>                &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;ibox-content&quot;</span>&gt;
<a name="l30"><span class="ln">30   </span></a>                    &lt;<span class="s3">div </span><span class="s1">class=</span><span class="s4">&quot;row  m-t-sm&quot;</span>&gt;
<a name="l31"><span class="ln">31   </span></a>                        &lt;<span class="s3">img </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s5">display</span>:<span class="s7">block</span>; <span class="s5">margin</span>:<span class="s6">0 </span><span class="s7">auto</span>;<span class="s4">&quot; </span><span class="s1">th:src=</span><span class="s4">&quot;@{/img/shouji.png}&quot;</span>&gt;
<a name="l32"><span class="ln">32   </span></a>                    &lt;/<span class="s3">div</span>&gt;
<a name="l33"><span class="ln">33   </span></a>                &lt;/<span class="s3">div</span>&gt;
<a name="l34"><span class="ln">34   </span></a>            &lt;/<span class="s3">div</span>&gt;
<a name="l35"><span class="ln">35   </span></a>        &lt;/<span class="s3">div</span>&gt;
<a name="l36"><span class="ln">36   </span></a>    &lt;/<span class="s3">div</span>&gt;
<a name="l37"><span class="ln">37   </span></a>&lt;/<span class="s3">div</span>&gt;
<a name="l38"><span class="ln">38   </span></a>&lt;<span class="s3">th:block </span><span class="s1">th:include=</span><span class="s4">&quot;include :: footer&quot; </span>/&gt;
<a name="l39"><span class="ln">39   </span></a>&lt;/<span class="s3">body</span>&gt;
<a name="l40"><span class="ln">40   </span></a>&lt;/<span class="s3">html</span>&gt;
<a name="l41"><span class="ln">41   </span></a></pre>
</body>
</html>